<template>
    <Menu
        theme="dark"
        mode="vertical"
        width="auto"
        :active-name="activeName"
        :open-names="openName"
        @on-select="routeTo"
    >
        <Menu-item name="admin">
            <Icon type="ios-speedometer"></Icon>
            仪表盘
        </Menu-item>
        <Submenu name="1">
            <template slot="title">
                <Icon type="ios-paper"></Icon>
                内容管理
            </template>
            <Menu-item name="articles">所有文章</Menu-item>
            <Menu-item name="article-new">新建文章</Menu-item>
        </Submenu>
        <Submenu name="2">
            <template slot="title">
                <Icon type="ios-people"></Icon>
                用户管理
            </template>
            <Menu-item name="2-1">新增用户</Menu-item>
            <Menu-item name="2-2">活跃用户</Menu-item>
        </Submenu>
        <Submenu name="3">
            <template slot="title">
                <Icon type="stats-bars"></Icon>
                统计分析
            </template>
            <Menu-group title="使用">
                <Menu-item name="3-1">新增和启动</Menu-item>
                <Menu-item name="3-2">活跃分析</Menu-item>
                <Menu-item name="3-3">时段分析</Menu-item>
            </Menu-group>
            <Menu-group title="留存">
                <Menu-item name="3-4">用户留存</Menu-item>
                <Menu-item name="3-5">流失用户</Menu-item>
            </Menu-group>
        </Submenu>
    </Menu>
</template>
<script>
    export default {
        props: ['openName','activeName'],
        methods: {
            routeTo(e){
                //console.log(e);
                this.$router.push(e);
            }
        }
    }
</script>